/*
Theme Name: xique
Theme URI: http://bestwebsoft.com/product/travel-planet/
Author: the BestWebSoft team
Author URI: https://github.com/bestwebsoft
Description: Are you a traveller who looks for a perfect theme that would highlight your stories without beeing too distracting? Or are you a handyman who wishes to share the knowledge with people wordlwide via simplistic yet utterly elegant blog? Or maybe you seek a theme with an exquisite and balanced interface for a travel or photography magazine? Whether your purposes match or transcend our guesses, we are delighted to introduce xique - a streamlined and professional theme that will serve as a perfect entourage for your ideas. xique is ideal for Tourist Agencies, Travel Diaries, Tourist Destinations, Travel Magazines, Travel Guides, Photography, Handmade and DIY Workshops, Cuisine, Event Information, Culture Overviews and Tutorials, or any other purposes you feel are appropriate. Check out this theme's demo at http://bestwebsoft.com/wordpress_demo_theme/travelplanet/
Version: 1.9
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Tags: right-sidebar, custom-menu, featured-images, white, orange, gray
Text Domain: xique
*/

/*
	1. Reset styles:
		1.1 Add fonts.
	2. Global styles:
		2.1 Main div elements styles;
		2.2 Add position style;
		2.3 Add theme elements styles;
		2.4 Add test wrap style.
	3. Header:
		3.1 Bloginfo box;
			3.1.1 Page numeric navigation;
		3.2 Main navigation;
		3.3 Header string.
		3.4 xique slider widget style;
	4. Widgets:
		4.1 Global widgets style;
		4.2 Search widget style;
	5. Posts:
		5.1 Post Headers;
		5.2 Post Elements;
		5.3 List types;
		5.4 Form;
		5.5 Clear, submit buttons;
		5.6-5.9 Other elements.
	6. Footer

	Theme default colors:
		background: #f9f9f9;
		headers:    #3e414e;
		text color: #5d5d5d;
		link:       #aaaaaa;
		link:hover: #e96d3c;
		pre font:   #999999;
		sidebar 
		headers: 	#343640;       
*/

/* 1. Reset styles & classes ---------------------*/

* {
	margin: 0;
	outline: 0;
	padding: 0;
}

a img {
	border: 0;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
}

/* 1.1 Add fonts ---------------------------------*/

@font-face {
	font-family: "Open Sans";
	src: url('fonts/OpenSans-Regular.eot');
	src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Regular.svg#Open Sans') format('svg'),
	url('fonts/OpenSans-Regular.woff') format('woff'),
	url('fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans Semibold";
	src: url('fonts/OpenSans-Semibold.eot');
	src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Semibold.svg#Open Sans Semibold') format('svg'),
	url('fonts/OpenSans-Semibold.woff') format('woff'),
	url('fonts/OpenSans-Semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans Bold";
	src: url('fonts/OpenSans-Bold.eot');
	src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/OpenSans-Bold.svg#Open Sans') format('svg'),
	url('fonts/OpenSans-Bold.woff') format('woff'),
	url('fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* 2. Global styles -----------------------------------*/

body {
	margin-top: 0;
	background: #eeeeee;
}

a,
a:visited {
	color: #aaaaaa;
	cursor: pointer;
}

a:focus,
a:active,
a:hover {
	color: #e96d3c;
}

p {
	line-height: 21px;
	font-size: 0.9em;
}

table {
	width: 100%;
	text-align: left;
	/*border: 0;*/
	margin: 10px 0;
	border-spacing: 0;
	border: 1px solid #e2e2e2;
}

th {
	border: 1px solid #e2e2e2;
	color: #E96D3C;
	padding: 3px;
	text-align: center;
}

td {
	border: 1px solid #e2e2e2;
	padding: 3px;
	text-align: center;
}

/* 2.1 Main div elements styles -----------*/


#header {
	width: 100%;
	margin: 0 auto 40px;
}



#footer {
	border-top: solid 1px #e2e2e2;
	background: #ffffff;
	height: 48px;
	margin-top: 77px;
}

#container {
	width: 700px;
	margin-top:135px;
	float: left;
}

#sidebar {
	width: 380px;
	position:absolute;
	top: 0;
	right:0;
}
#sidebar-single{
	width:380px;
	
}


.content-single-h2 {
	margin-top: 30px !important;
	margin-left:0 !important;
}

.header-image-box {
	text-align: center;
	max-height: 350px;
}

.header-image {
	height: 350px;
	width: auto;
}

/* 2.2 Add position style -----------*/

.alignleft {
	float: left;
	width:100%;
}

.aligncenter {
	text-align: center;
}

.alignright {
	float: right;
	
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.clear {
	clear: both;
}

img.alignleft {
	margin-right: 30px;
}

img.alignright {
	margin-left: 30px;
}

.wp-caption.alignleft {
	margin-right: 20px;
}

.wp-caption.alignright {
	margin-left: 30px;
}

/* 2.3 Add theme elements styles -----------*/

.round {
	/*border: solid 1px #e0e0e0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;*/
}

.shadow {
	box-shadow: 0 1px 2px #e0e0e0;
	-webkit-box-shadow: 0 1px 2px #e0e0e0;
	-o-box-shadow: 0 1px 2px #e0e0e0;
	-moz-box-shadow: 0 1px 2px #e0e0e0;
}

.xique-posts {
	padding: 7px 30px 24px 30px;
	margin: 0 auto 28px;
	height:188px;
	text-align: left;
	background: #ffffff;
	position:relative;
	
}
.xique-posts-single {
	padding: 7px 30px 24px 30px;
	margin: -135px auto 28px;
	height:auto;
	text-align: left;
	background: #ffffff;
	position:relative;
	
}
/*.xique-content-imgs {
	position:absolute;
	top:10px;
	left:10px;
}*/
#excerpt-thumbnail img{
	position:absolute;
	top:10px;
	left:10px;
	min-width:200px !important;
	min-height:200px !important;
	width:200px !important;
	height:200px !important;
}
.xique-content-headertitle {
	font-size:24px;
	width:445px;
	color:#313335;
	position:absolute;
	top:10px;
	left:230px;
}

.xique-caption  p {
	color:#80888a;
	width:440px;
	font-weight:lighter ;
	position:absolute;
	top:70px;
	left:230px;
}
.content-tag-img {
	position:relative;
	top:3px;
	float:left;
}
.content-tag-img-single{
	margin-right:20px;
	position:relative;
	top:2px;
}
.xique-tags-box {
	font-size: 14px;
	width:440px;
	font-weight:lighter ;
	color:#313335;
	position:absolute;
	bottom:70px;
	left:230px;
}
.xique-tags-box-single{
	height:19px;
	margin-top:25px;
	margin-bottom:25px;
}
.xique-tags-box-single a{
	margin-right:10px;
	margin-top:-5px;
}
.xique-tags-box a{
	margin-right:10px;
}
.xique-tags-box a:first-child{
	margin-left:10px;
}
p.postmetadata {
	color: #aaaaaa;
	margin-top: -4px;
	margin-bottom: 6px;
	position:absolute;
	bottom:10px;
	left:230px;
}

p.postmetadata a {
	color: #3e414e;
}

p.postmetadata a:hover {
	color: #e96d3c;
}
.postmetadata-single {
	position:initial !important;
	margin-top: 25px !important;
}
.xique-content-share {
	position:absolute;
	bottom:17px;
	right:150px;
}
.xique-content-single-share{
	float:right;
	position:relative;
	top:-46px;
	right: 5px;
}
.xique-content-single-share div{
	float:right;
	position:relative;
	top:-4px;
	left:10px;
}
.xique-content-share div{
	position:absolute;
	width:130px;
	bottom:-5px;
	left:40px;
}
.xique-posts.sticky {
	background: #fff;
}

.xique-posts.sticky h2 {
	/*border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;);*/
}

.xique-comments {
	padding: 0 30px 0 30px;
	margin: 20px auto 10px;
	text-align: left;
	background: #ffffff;
}

#commentform label {
	display: block;
	min-width: 70px;
	min-height: 30px;
	float: left;
}

#commentform input,
#commentform textarea {
	margin: 0;
}

#commentform textarea {
	width: 447px;
}

#commentform input#cptch_input[type="text"] {
	padding: 5px;
	height: 16px;
	background: #ffffff;
}



/* 2.4 Add wrap & capitalize styles ------*/

.wrap {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

.capitalize {
	text-transform: capitalize;
	margin-left:240px;
	margin-top: 100px;
}

/* 3. Header ------------------------------------*/
/* 3.1 Bloginfo box ---------*/

#xique-header-top {
	width: 940px;
	margin: 21px auto 0;
}

.xique-bloginfo-box {
	min-height: 82px;
	width: 300px;
}

#xique-header-top h1 {
	font-family: 'Open Sans Bold', sans-serif;
	font-size: 1.7em;
	letter-spacing: 0;
	color: #343640;
	padding: 0;
	margin: 0 0 1px 0;
}

#xique-header-top h2 {
	font-size: 0.9em;
	color: #aaaaaa;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	word-spacing: 1px;
}

.xique-site-title a:hover {
	color: #343640;
}

#xique-header-string {
	width: 100%;
	min-height: 59px;
	background: rgba(249, 249, 249, 0.5);
	border-top: solid 1px #e2e2e2;
	border-bottom: solid 1px #e2e2e2;
}
#xique-header-string-single{
	width: 100%;
	min-height: 59px;
	margin-left:-80px;
	margin-top:-40px;
}
.xique-header-string-current {
	width: 940px;
	height: 100%;
	margin: auto;
	vertical-align: middle;
}

.string {
	width: 360px;
}
.single-string{
	
}
/* 3.1.1 Page numeric navigation ---------*/

.string-navigation {
	width: 190px;
	margin: 0 10px 0 10px;
	text-align: center;
	padding-top: 18px;
}

.page-navigation .current {
	border-bottom: 1px #aaaaaa solid;
}

/* 3.2 Main navigation ---------*/

#xique-nav-menu {
	float: right;
	width: 640px;
	min-height: 78px;
	height: 100%;
	text-align: center;
	margin: 0 auto;
	padding-top: 4px;
}

#xique-nav-menu ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align: right;
}

#xique-nav-menu ul li {
	position: relative;
	display: block;
	min-width: 60px;
	margin: 0 auto;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	color: #aaaaaa;
}

#xique-nav-menu ul li ul {
	position: absolute;
	top: 80%;
	right: -1px;
	width: 220px;
	display: none;
	z-index: 200;
	padding: 0;
	margin: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0 1px 2px #e0e0e0;
	-webkit-box-shadow: 0 1px 2px #e0e0e0;
	-o-box-shadow: 0 1px 2px #e0e0e0;
	-moz-box-shadow: 0 1px 2px #e0e0e0;
}

#xique-nav-menu li:hover > ul {
	padding-top: 0;
	display: block;
	border: solid 1px #e2e2e2;
	background: #ffffff;
}

#xique-nav-menu li ul li {
	float: none;
	position: relative;
}

#xique-nav-menu .current-menu-item > a,
#xique-nav-menu .current-menu-ancestor > a,
#xique-nav-menu .current_page_item > a,
#xique-nav-menu .current_page_ancestor > a {
	color: #3e414e;
	border-bottom: solid 3px #e96d3c;
}

#xique-nav-menu .children .current-menu-item > a,
#xique-nav-menu .children .current-menu-ancestor > a,
#xique-nav-menu .children .current_page_item > a,
#xique-nav-menu .children .current_page_ancestor > a {
	border-bottom: 0;
}

#xique-nav-menu a {
	font-size: 1em;
	overflow: hidden;
	line-height: 130%;
	width: auto;
	height: 57px;
	min-width: 60px;
	max-width: 120px;
	display: block;
	padding: 18px 15px 0 14px;
	border-bottom: solid 3px transparent;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

#xique-nav-menu ul.children > li a,
#xique-nav-menu ul.sub-menu > li a {
	font-size: 0.8rem;
	width: 180px;
	max-width: 180px;
	height: auto;
	padding: 20px;
	border-bottom: 0;
	text-align: left;
	background: transparent;
	z-index: 400;
	color: #aaaaaa;
}

#xique-nav-menu ul.children > li > a:hover,
#xique-nav-menu ul.sub-menu > li > a:hover {
	font-size: 0.8rem;
	height: auto;
	border-bottom: 0;
	text-align: left;
	background: #e96d3c;
	color: #ffffff;
}

#xique-nav-menu ul.children {
	background: #ffffff;
}

/* Nav submenu top corner */

.menu > ul > li > ul:before, .menu > ul > li > ul:after,
#xique-nav-menu .menu > .menu-item > .sub-menu:before, #xique-nav-menu .menu > .menu-item > .sub-menu:after {
	content: '';
	position: absolute;
	right: 30px;
	top: -17px;
	border: 8px solid transparent;
	border-bottom: 8px solid #e2e2e2;
}

.menu > ul > li > ul:after, #xique-nav-menu .menu > .menu-item > .sub-menu:after {
	border-bottom: 8px solid white;
	top: -16px;
}

/* Nav submenu float */

#xique-nav-menu li ul:hover > li {
	display: block;
}

#xique-nav-menu ul > li > ul > li > ul {
	top: 15px;
	left: 220px;
}

#xique-nav-menu ul > li > ul > li > ul > li > ul {
	left: -222px;
}

#xique-nav-menu ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	left: 220px;
}

#xique-nav-menu ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	left: -222px;
}

#xique-nav-menu ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
	left: 220px;
}

/* Nav submenu hover background */

#xique-nav-menu ul.children > li:last-child > a:hover,
#xique-nav-menu ul.sub-menu > li:last-child > a:hover {
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
}

#xique-nav-menu ul.children > li:first-child > a:hover,
#xique-nav-menu ul.sub-menu > li:first-child > a:hover {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
}

#xique-nav-menu ul.children > li:only-child > a:hover,
#xique-nav-menu ul.sub-menu > li:only-child > a:hover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#xique-nav-menu .page_item_has_children {
	background: transparent;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li {
	float: left;
	height: 1%;
}

* html ul li a {
	height: 1%;
}

/* End */

/* 3.3 Header string ---------*/

.xique-header-string-current h3 {
	text-transform: capitalize;
	font-size: 1.2em;
	margin-top: 16px;
}

.xique-header-string-current .bread {
	text-transform: capitalize;
	font-size: 0.9em;
	margin-top: 19px;
	margin-bottom: 20px;
}

#xique-header-string a,
#xique-header-string a:visited {
	color: #aaaaaa;
}

#xique-header-string a:hover {
	color: #e96d3c;
}

/* 3.4 Slider ----------------*/

.xique-slider-box {
	margin: 0;

	width: 100%;
}



.attachment-slide {
	left: 0;
	position: absolute;
	height: auto;
	width: auto;
	max-width: 100%;
	text-align: center;
}

.xique-slider-description {
	bottom: 0;
	color: #fff;
	background-color: #000;
	opacity: 0.7;
	overflow: hidden;
	padding: 18px 30px 22px 30px;
	position: absolute;
	min-height: 0;
	max-height: 100%;
	width: 880px;
	z-index: 10;
}
.xique-header-frame {
	min-wiwdth: 100px;
	max-width:550px;
	float:right;
	padding:10px;
	/*height: 166px;*/
	border:1px solid rgb(255,255,255);
	border:1px solid rgba(255,255,255,0.25);
	
}


h3.xique-slider-title {
	font-size: 48px;
	color: #ffffff;
	opacity: 1;
	letter-spacing: 0;
	word-spacing: -1px;
	line-height: 130%;
	padding: 0;
	margin-top: 1px;
	margin-bottom: 3px;
}
.xique-header-tags {
	color: #fff;
	opacity: 1;
	letter-spacing: 0;
	word-spacing: -1px;
	clear:both;
	float:right;
	margin-top:20px;
}
.xique-header-tags a{
	font-size: 18px;
	color:#fff;
	padding-left:40px;
	position: relative;
    top: -3px;
	
}
a.xique-slider-anch,
a.xique-slider-anch:visited,
a.xique-slider-anch:hover {
	color: #ffffff;
}

.xique-slider-text {
	color: #fff;
	margin-top:20px;
	cursor: default;
	font-size: 18px;
	line-height: 140%;
	

	word-spacing: 2px;
}

.xique-slider div {
	z-index: 28;
}

.xique-slider > div {
	display: none;
}

.xique-slider > div:first-child {
	display: block;
}

.xique-slider > div > div {
	z-index: 27;
}

.xique-slider > div > div:last-child {
	z-index: 26;
}

.xique-slider-to-left,
.xique-slider-to-right {
	height: 60px;
	margin-top: 106px;
	width: 50px;
	z-index: 10;
	opacity: 0.2;
	cursor: pointer;
	position: relative;
}

.xique-slider-to-left:hover {
	background: url(images/slider-navigations.png) no-repeat -8px 0;
	opacity: 0.6;
}

.xique-slider-to-right:hover {
	background: url(images/slider-navigations.png) no-repeat -60px 0;
	opacity: 0.6;
}

.xique-slider-to-left {
	
	background: url(images/slider-navigations.png) no-repeat -7px 0;
	padding: 0;
    margin: 0;
    position: absolute;
    left: 20px;
    top: 250px;
}

.xique-slider-to-right {
	background: url(images/slider-navigations.png) no-repeat -61px 0;
	padding: 0;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 250px;
}

/* 4 Widgets ------------------------------------*/
/* 4.1 Global widgets style ------*/

div.widget {
	border: solid 1px #e0e0e0;
	padding: 14px 30px 20px 30px;
	margin: 0 auto 30px;
	text-align: left;
	letter-spacing: 0.007em;
	background: #ffffff !important;
	color: #5D5D5D;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;*/
	box-shadow: 0 1px 2px #e0e0e0;
	-webkit-box-shadow: 0 1px 2px #e0e0e0;
	-o-box-shadow: 0 1px 2px #e0e0e0;
	-moz-box-shadow: 0 1px 2px #e0e0e0;
}

.widget ul {
	margin-top: 9px;
	margin-bottom: -1px;
}

.widget li {
	margin-top: 8px;
	margin-bottom: 7px;
	font-size: 0.9em;
}

.widget li > ul > li {
	margin-top: 8px;
	margin-bottom: 7px;
	font-size: 1em;
	margin-left: 10px;
}

.widget li a {
	text-transform: capitalize;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

h2.widgettitle {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold ;
	color: #343640;
	margin-bottom: 21px;
	border-bottom: 1px solid #c8c9c9;
	margin-top: 11px;
	word-spacing: -2px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	padding-left: 20px;
    padding-bottom: 10px;
	width: 358px;
    margin-left: -30px;
}

/* 4.2 Search widget style ------*/

div.widget_search {
	margin: 0 auto;
	padding: 0;
	border: solid 0 #e0e0e0;
	color: #3e414e;
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
}

.search-box {
	padding-top: 0;
	margin-bottom:10px;
	color: #3e414e;
	background-color:#ffffff;
	height:110px;
	width:700px;
	position:absolute;
	top: 0;
	left:0;
	
}

.search-box input.xique-search {
	padding:0 !important;
	line-height:27px;
	color: #caccce;
	margin: 0 auto;
	margin-top:24px;
	margin-left:45px;
	height: 27px;
	width: 610px;
	float: left;
	font-size: 0.9em;
	word-spacing: 1px;
	border:1px solid #c8c9c9;
	border:1px solid rgba(49,51,53,0.25);
	outline: none;
	-moz-appearance: none;
	background: #ffffff;
	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;*/
	cursor: text;
}

.search-box input.xique-search-button {
	color: #ffffff;
	margin-left: -40px;
    margin-top: 26px;

	height: 24px;
	width: 24px;
	border: solid 1px #ffffff;
	outline: none;
	-moz-appearance: none;
	background: url(images/search.png) no-repeat;

	cursor: pointer;
}

.search-box input.xique-search-button:hover {
	/*border: solid 1px #c15c32;
	background: url(images/search.png) no-repeat #e04c21;*/
}

/* 4.4 RSS widget style ------*/

.rss-date {
	font-size: 0.8em;
	color: #c15c32;
}

#sidebar img {
	max-height: 180px;
	
	width: auto;
}

/* 5 Posts ----------------------------------------*/
/* 5.1 Post Headers ------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	color: #3e414e;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited,
h4 a:visited, h5 a:visited, h6 a:visited {
	color: #3e414e;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
	color: #e96d3c;
}

h1 {
	font-size: 1.7em;
	margin: 23px 0 10px 0;
}

h1.xique-main-header {
	margin: 0 0 20px 0;
}

h2 {;
	font-size: 1.5em;
	margin: 15px 0 7px 0;
}

h3 {
	font-size: 1.3em;
	margin: 17px 0 10px 0;
}

h4 {
	font-size: 1.1em;
	margin: 19px 0 10px 0;
}

h5 {
	font-size: 0.9em;
	margin: 21px 0 10px 0;
}

h6 {
	font-size: 0.8em;
	margin: 22px 0 32px 0;
}

/* 5.2 Post Elements ------*/

.xique-text {
	color: #5d5d5d;
	margin-bottom: 20px;
}

.xique-text img {
	height: 100%;
	max-width: 540px;
	margin-top: 10px;
}

.xique-text .portfolio_thumb img {
	width: 150px;
	height: auto;
}

.xique-text p {
	margin: 7px 0 20px 0;
	word-spacing: 1px;
	letter-spacing: 0;
}

.xique-text p.wp-caption-text {
	margin: 0 0 15px 0;
}

.xique-text iframe,
.xique-text embed {
	max-width: 540px;
	border: 0;
}

.xique-text .xique-caption {
	display: block;
	color: #aaaaaa;
	font-size: 0.9em;
	margin-top: 6px;
	margin-bottom: 19px;
}

.wp-caption {
	color: #aaaaaa;
	max-width: 540px;
	max-height: none;
	text-align: left;
}



hr {
	color: #ffffff;
	background-color: transparent;
	overflow: hidden;
	border-width: 0;
	border-bottom: dashed 1px #e2e2e2;
	height: 2px;
	margin: -1px 0 10px 0;
}

hr.xique-tags-hr {
	margin: -1px 0 15px 0;
	clear: both;
}



span.tags-coma {
	color: #aaaaaa;
}

.xique-to-top {
	display: block;
	font-size: 0.9em;
	margin-top: 12px;
	margin-bottom: 10px;
}

/* 5.3 List types ------*/

.xique-text dl, .xique-text ol, .xique-text ul {
	margin: 10px 0;
}

.xique-text dl dt {
	font-size: 1rem;
	margin: 19px 0 3px 30px;
}

.xique-text .gallery dl dt {
	font-size: 0.85rem;
	font-weight: normal;
	margin: 0 auto;
}

.xique-text dl dd {
	font-size: 0.8rem;
	word-spacing: 1px;
	margin: 3px 0 0 30px;
}

.xique-text ol li {
	font-size: 0.8rem;
	margin: 10px 0 -2px 47px;
}

.xique-text ul li {
	font-size: 0.8rem;
	margin: 10px 0 -2px 47px;
}

.xique-text > dl > dd:last-child, .xique-text > ol > li:last-child, .xique-text > ul > li:last-child {
	margin-bottom: 20px;
}

.xique-text ul li {
	list-style: disc;
}

address {
	text-align: right;
	color: #aaaaaa;
}

abbr, acronym {
	font-weight: 600;
	font-size: 1.05em;
}

/* 5.4 Form elements ------*/

.xique-text form p {
	margin: 20px 0 0 0;
	vertical-align: bottom;
}

.xique-text input[type=text],
.xique-text input[type=password] {
	font-size: 1.2em;
	color: #3e414e;
	margin: 0 10px 3px 0;
	padding: 10px;
	min-height: 27px;
	width: 200px;
	border: solid 1px #e0e0e0;
	background: #efefef;
	outline: none;
	-moz-appearance: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	cursor: text;
}

.xique-text textarea {
	font-size: 1.2em;
	color: #3e414e;
	margin: 0 0 -2px 0;
	padding: 10px;
	min-height: 87px;
	max-height: 200px;
	min-width: 200px;
	width: 200px;
	max-width: 518px;
	border: solid 1px #e0e0e0;
	background: #efefef;
	overflow: hidden;
	outline: none;
	-moz-appearance: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	cursor: text;
}

/* 5.4.1 Radiobuttons, checkboxes, fileload ---------*/

.radio,
.checkbox {
	cursor: pointer;
	margin: 2px 8px 20px 32px;
}

form .radio + label,
form .xique-fake-radio-container + label,
form .checkbox + label,
form .xique-fake-checkbox-container + label {
	display: inline;
	cursor: pointer;
	word-spacing: 0;
}

input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	position: absolute;
	margin: 3px 0 0 3px;
	z-index: -100;
}

.xique-fake-radio-container:first-child,
.xique-fake-checkbox-container:first-child {
	margin: 2px 9px 0 28px;
}

.xique-fake-radio-container,
.xique-fake-checkbox-container {
	float: left;
	margin: 2px 9px 0 28px;
}

.xique-fake-radio,
.xique-fake-checkbox {
	cursor: pointer;
	display: block;
	height: 20px;
	width: 20px;
}

.xique-fake-radio,
.xique-fake-radio:hover {
	background: url(images/radio.png) 0 0 no-repeat transparent;
}

.xique-fake-radio.selected {
	background: url(images/radio.png) 0 -20px no-repeat transparent;
}

.xique-fake-radio.disabled {
	background: url(images/radio.png) 0 -40px no-repeat transparent;
}

.xique-fake-checkbox,
.xique-fake-checkbox:hover {
	background: url(images/radio.png) 0 -60px no-repeat transparent;
}

.xique-fake-checkbox.selected {
	background: url(images/radio.png) 0 -80px no-repeat transparent;
}

.xique-fake-checkbox.disabled {
	background: url(images/radio.png) 0 -100px no-repeat transparent;
}

.xique-radio-item-container:first-child,
.xique-checkbox-item-container:first-child {
	margin-top: 0;
}

.xique-radio-item-container,
.xique-checkbox-item-container {
	display: -moz-inline-stack; /* inline-block for Mozilla 2 */
	display: inline-block; /* inline-block for other browsers */
	margin-top: 10px;
	margin-bottom: 3px;
}

label {
	cursor: pointer;
}

form p {
	vertical-align: middle;
}

/* 5.4.2 Select box -------------- */

select {
	height: 49px;
	width: 223px;

	border: solid 1px #e0e0e0;
	background-color: #fff;
	padding: 15px 0 15px 4px;
	margin: 0 0 13px;
}

.xique-select {
	background: url(images/select.png) no-repeat scroll right 0 #ffffff;
	position: relative;
	width: 222px;
	height: 37px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	z-index: 10;
	cursor: pointer;
	margin: 0 0 10px 0;
}

.xique-active-opt {
	height: 20px;
	padding: 14px 10px 12px 9px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	color: #555
}

.xique-active-opt > div:first-child {
	float: left;
	padding: 0 0 11px 10px;
	overflow: hidden;
	width: 160px;
	max-height: 11px;
}

.xique-options {
	position: absolute;
	background-color: #fff;
	width: 220px;
	display: none;
	border: 1px solid #ddd;
	top: 45px;
	left: 0;
}

.xique-options .xique-optgroup:first-child {
	padding: 10px 5px 5px 10px;
}

.xique-optgroup {
	padding: 5px 5px 5px 10px;
	color: #aaa;
}

.xique-option {
	padding: 5px 5px 5px 30px;
	cursor: pointer;
	color: #555;
}

.xique-options .xique-option:last-child {
	padding: 5px 5px 15px 30px;
}

.xique-option:hover,
.xique-option-selected {
	color: #e96d3c;
}

/* 5.4.3 Fileload instrument styles -------------- */

.xique-fileload {
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	display: inline-block;
	height: 48px;
	padding: 11px 9px;
	margin: 10px 0 0;
	width: 442px;
	letter-spacing: 0.001em;
	cursor: pointer;
}

.xique-fileload-input {
	clear: none !important;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	display: inline-block;
	padding: 13px 10px;
	width: 200px;
	word-spacing: 0;
	background: url(images/file-load.png) no-repeat scroll right, -moz-linear-gradient(top, #ffffff 0%, #eef2f4 100%); /* FF3.6+ */
	background: url(images/file-load.png) no-repeat scroll right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eef2f4)); /* Chrome,Safari4+ */
	background: url(images/file-load.png) no-repeat scroll right, -webkit-linear-gradient(top, #ffffff 0%, #eef2f4 100%); /* Chrome10+,Safari5.1+ */
	background: url(images/file-load.png) no-repeat scroll right, -o-linear-gradient(top, #ffffff 0%, #eef2f4 100%); /* Opera 11.10+ */
	background: url(images/file-load.png) no-repeat scroll right, linear-gradient(to bottom, #ffffff 0%, #eef2f4 100%); /* W3C */
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
	float: left;
}

/*.xique-fileload-input::before {*/
	/*content: '';*/
	/*position: relative;*/
	/*height: 48px;*/
	/*width: 200px;*/
	/*right: 0;*/
	/*top: 0;*/
	/*background: url(images/file-load.png) no-repeat scroll right 0;*/
/*}*/

.xique-fileload-status {
	clear: none !important;
	display: inline-block;
	padding: 14px 0 14px 15px;
	word-spacing: -1px;
	vertical-align: middle;
	float: left;
}

.xique-fileload:hover .xique-fileload-input {
	background: url(images/file-load.png) no-repeat scroll right #ffffff;
}

.xique-fileload:active .xique-fileload-input {
	background: url(images/file-load.png) no-repeat scroll right #F5F5F5;
	box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.05);
}

/* 5.5 Clear, submit buttons */

.xique-text input[type="reset"],
.xique-text input[type="submit"],
.xique-text input[type="button"] {
	height: 49px;
	outline: none;
	-moz-appearance: none;
	margin: 0 9px 0 0;
	padding: 10px 19px 10px 18px;
	font-size: 9pt;
	text-align: center;
	text-transform: uppercase;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	cursor: pointer;
}

.xique-text input[type="reset"],
.xique-text input[type="button"] {
	letter-spacing: -1px;
	color: #ffffff;
	border: solid 1px #15161b;
	background: #33363f;
}

.xique-text input[type="reset"]:hover,
.xique-text input[type="button"]:hover {
	color: #ffffff;
	border: solid 1px #15161b;
	background: #20222a;
}

.xique-text input[type="submit"] {
	color: #ffffff;
	border: solid 1px #c15c32;
	background: #e96d3c;
}

.xique-text input[type="submit"]:hover {
	color: #ffffff;
	border: solid 1px #c15c32;
	background: #e04c21;
}

/* 5.6 Other element ---------------------------*/

pre {
	font-size: 0.9em;
	border: solid 1px #e0e0e0;
	color: #999999;
	margin-top: -5px;
	word-spacing: -2px;
	margin-bottom: 10px;
	padding: 15px 20px 11px 20px;
	line-height: 165%;
	overflow: auto;
}

code,
tt {
	color: #aaaaaa;
	font-size: 12px;
}

blockquote {
	margin-top: 24px;
	padding: 1px 0 3px 35px;
	font-weight: 400;
	font-size: 11pt;
	color: #aaaaaa;
	background: url(images/quote.png) no-repeat;
	line-height: 130%;
}

.xique-text blockquote > p {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 1em;
	word-spacing: -2px;
}

.xique-text p cite {
	clear: both;
	color: #5D5D5D;
	display: block;
	font-size: 12px;
	text-align: right;
}

q {
	font-size: 12px;
	font-weight: bold;
}

sup, sub {
	font-size: 0.87em;
	color: #aaaaaa;
}

.post.sticky .xique-featured-post {
	border-top: 4px double #ddd;
	border-bottom: 4px double #ddd;
	color: #666;
	line-height: 3.692307692;
	margin-bottom: 20px;
	text-align: center;
}

.gallery .gallery-caption {
	word-wrap: break-word;
}

.comment.bypostauthor,
#content .comment.bypostauthor {
	background-color: #f5f5f5;
	padding: 30px 30px 0;
	margin-left: 0;
	margin-top: 10px;
}

.comment-body > p {
	font-size: 13px;
	font-style: italic;
}

p.cptch_block {
	padding: 0;
}

p.cptch_block label {
	margin-right: 10px;
	height: 20px;
	width: 100%;
	padding: 0;
}

.required {
	color: red;
}

#cptch_input {
	font-size: 0.7em;
	margin: 10px 0 -2px 8px;
}

/* 5.6 Comments ---------------------------*/

img.avatar {
	height: 60px;
	width: auto;
	float: left;
	margin: 0 20px 20px 0;
}

ol.xique-comment .comment {
	list-style: none;
	padding: 10px;
	margin-left: 0;
	border: 1px solid #e2e2e2;
}

ol.xique-comment {
	margin-top: 5px;
}

ol.xique-comment > li {
	list-style: none;
}

.xique-text ol.xique-comment ul {
	margin: 0;
}

ol.xique-comment:first-child > li {
	margin-top: 30px;
}

ol.xique-comment > li {
	margin-left: 0;
	padding-left: 0;
}

.comment-meta + * {
	display: block;
	clear: both;
}

.reply a {
	display: block;
	width: 60px;
	text-align: center;
	border-top: 1px #e2e2e2 solid;
}

/* 5.7 Single navigation ---------------------------*/

.xique-nav-previous,
.xique-nav-next {
	max-width: 50%;
	font-size: 0.9em;
	display: inline-block;
	margin-bottom: 10px;
}

.xique-nav-next {
	float: right;
	text-align: right;
}

/* 5.8 Gallery ---------------------------*/

.gallery-size-thumbnail img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ffffff !important;
}

/* 5.9 Plugin styles ---------------------------*/

#quotes_box_and_tips {
	margin: 0 auto 28px;
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0 1px 2px #e0e0e0;
	-webkit-box-shadow: 0 1px 2px #e0e0e0;
	-o-box-shadow: 0 1px 2px #e0e0e0;
	-moz-box-shadow: 0 1px 2px #e0e0e0;
	max-width: 520px !important;
}

.portfolio_content {
	float: left;
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 10px auto 10px;
	padding: 20px 20px 0;
	text-align: left;
	border-top: solid 1px #e0e0e0;
}

.entry_content, .portfolio_thumb {
	max-width: 520px !important;
}

.portfolio_thumb img {
	max-width: 520px !important;
}

.portfolio_short_content a img {
	height: auto;
	margin-top: 20px !important;
	max-width: 540px !important;
}

.portfolio_thumb img, .portfolio_images_gallery img {
	border: 0 solid red;
	padding: 0;
}

.portfolio_short_content {
	margin-left: 0;
	width: 520px;
}

.fcbk_button,
.fcbk_like,
.gglplsn_share,
.pdfprnt-top-right,
#fcbk_share,
.twttr_button,
.twttr_follow,
.dnt_donate_button {
	margin-top: 10px;
	display: inline-block;
	margin-right: 10px;
}

.fcbk_like {
	vertical-align: top;
}

.fcbk_button img {
	margin: 0;
}

.portfolio_content h2 {
	margin-top: 20px;
}

/* 6.0 xique footer -----------------------------------*/

.xique-footer-box {
	width: 940px;
	margin: 0 auto;
}

.xique-footer-title {
	width: 300px;
	height: 100%;
	text-align: left;
	margin-top: 31px;
	font-size: 1em;
	color: #aaaaaa;
	float: left;
}

.xique-footer-powered {
	height: 100%;
	text-align: left;
	margin-top: 31px;
	font-size: 1em;
	color: #aaaaaa;
	float: right;
}

.xique-footer-powered a {
	color: #e96d3c;
}

.xique-footer-powered a:visited {
	color: #e96d3c;
}

.xique-footer-powered a:focus,
.xique-footer-powered a:active {
	color: #3e414e;
}

.xique-footer-powered a:hover {
	color: #3e414e;
}

dt + dd.gallery-caption {
	display: none;
	width: 180px;
	height: auto;
	padding: 5px;
	position: absolute;
	text-align: left;
	background: #fff;
}

dt:hover + dd.gallery-caption {
	display: block;
}

.entry-content {
	border: solid 1px #e0e0e0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;

	background: none repeat scroll 0 0 #FFFFFF;
	margin: 20px auto 30px;
	padding: 30px 30px;
	text-align: left;
}

.gallery_box li {
	list-style: none !important;
	margin-left: 0 !important;
}

span.lable {
	color: #aaaaaa;
}

#cntctfrmpr_contact_form .xique-fileload-status {
	clear: none;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 5.2 Post Elements ------*/

.xique-excerpt-entry {
	color: #5d5d5d;
	margin-bottom: 20px;
}

.xique-excerpt-entry .portfolio-thumb {
	float: left
	width: 28%;
	height: auto;
	margin-top: 10px;
}
.xique-excerpt-entry .xique-caption {
	margin-left:28%
	width: 68%;
	height: auto;
	display: block;
	color: #aaaaaa;
	font-size: 0.9em;
	margin-top: 6px;
	margin-bottom: 19px;
}
.xique-excerpt-entry .portfolio-thumb img {
	width: 100%;
	height: auto;
}
.xique-excerpt-entry ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
.xique-excerpt-entry li {display: inline; padding: 5px 20px 5px 20px}
.xique-excerpt-entry p {
	margin: 7px 0 20px 0;
	word-spacing: 1px;
	letter-spacing: 0;
}

.xique-excerpt-entry p.wp-caption-text {
	margin: 0 0 15px 0;
}
.tagcloud {
	margin-left:-10px;
}
.tagcloud a {
	color:#80888a;
	display:inline-block;
	width:106px;
}
.search-no {
	height:110px;
	background-color: #ffffff;
}

.search-no-header {
	font-size: 14px;
	font-weight: bold;
	padding-top: 28px;
    padding-left: 30px;
}

.search-no-content{
	font-size: 14px;
	padding-top:18px;
	padding-left:30px;
}
.search-img-result {
	height:400px;
	width:100%;
	background: url(images/search_header.png) no-repeat;
}
.search-img-title {
	padding-top: 168px;
    padding-left: 640px;
	font-size:32px;
	color:#ffffff;
}
.the_search-content {
	color:#ffffff;
	padding-left:640px;
	padding-top:30px;
}
.the_search_left {
	font-size: 24px;
	padding-right: 15px;
}
.the_search_right {
	font-size: 18px;
}
.bds_qzone1{
	
    background-image: url(images/qq.png)!important;
    background-repeat: no-repeat !important;

}
.bds_tsina1{
	
    background-image: url(images/weibo.png)!important;
    background-repeat: no-repeat !important;

}
.bds_weixin1{
	
    background-image: url(images/weixin.png)!important;
    background-repeat: no-repeat !important;

 
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { 
	float: left !important;
    font-size: 12px !important;
    padding-left: 0px !important;
	padding-right: 17px !important;
	width:16px;
    line-height: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    margin: 6px 6px 6px 0 !important;
}

#xique-slider {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: 0;
	background: transparent no-repeat center;
	box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
}
	
.xique-slider {
	background: #e2e2e2;
	background-size: 100%;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	min-width:1100px;
	position:relative;
	height: 480px;
	transition:height 0.5s ease;

}
@media screen and (max-width: 1600px){
	.xique-slider {
		
		height: 480px;

	}
	/*轮播*/
	#header_change_img {
		height: 480px !important;
	}
	
	.xique-header-content {
		padding-top:130px;
	}
}
@media screen and (min-width:1601px){
	.xique-slider {
		height: 580px;
		
	}
	
	/*轮播*/
	#header_change_img {
		height : 580px !important;
	}
	.xique-header-content {
		padding-top:230px;
	}
}

.xique-header-content {
	width:1100px;
	height:100px;
	margin:0 auto;
	position:relative;
	
}

html,body {
		height: 100%;
		margin: 0;
		padding: 0;
	}

#wrapper {
	margin-top: 0;
	padding: 0;
	width: 100%;
	min-height:100%;
	height: auto !important;
	position: relative;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	text-align: left;
	background-color:#eeeeee;
	min-width: 1100px;
    overflow-x: hidden;
	overflow-y:hidden;
}
#page {
	height: 100%;
	width: 1100px;
	margin: 0 auto;
	position:relative;
	padding-bottom: 48px;
	
}

.footer {
	position: relative;
	margin-top: -48px;/*等于footer的高度*/
	clear:both;
	height: 48px;
	background-color: #303234;
	opacity: 0.85;
	width: 100%;
	text-align: center;
	color: #857145;
	line-height: 48px;
}

.footer span {
	display: inline-block;
	cursor: pointer;
	background: no-repeat 0px 12px;
	padding-left: 50px;
	margin-left: 120px;
}

.footer span.about-join {
	background-image: url(images/home_footer3.png);
	background-position: 0px 11.5px;
}

.footer span.about-contact {
	background-image: url(images/home_footer2.png);
	background-position: 5px 11.5px;
}

.footer span.about-home {
	background-image: url(images/home_footer1.png);
	background-position: 2.5px 12px;
}

.footer span.about-icp {
	background-image: url(images/home_footer4.png);
	background-position: 7px 10px;
}

.footer span:first-child {
	margin-left: 0px;
}



/* Remove IE's “clear field” X button */
 input[type=text]::-ms-clear
{
    display: none;
}




/*header*/
.j_menu {
  position: absolute;
  display: none;
  top: 0;
  width: 145px;
  z-index: 1000;
  background-color: #4d4d49;
  border-top: 2px solid #b5985a;
  opacity: 0.8; }
  .j_menu ul li {
	padding: 10px 0;
    padding-left: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
    .j_menu ul li.last {
      border-bottom: 1px solid rgba(255, 255, 255, 0.25);  }
    .j_menu ul li:hover {
      background-color: #33322f; }
  .j_menu a {
    font-family: "微软雅黑", "Arial", "宋体";
    color: #fff;
    font-size: 12px; }

.j_header {
   width: 100%;
  height: 48px;
  overflow: hidden;
  position: fixed;
  padding: 0px;
  min-width: 1280px;
  background-color: #252525;
  z-index: 20111; }
  .j_header .j_wrapper {
    height: 48px;
    padding: 0 180px 0 90px;
    display: inline-block;
    position: absolute; }
    .j_header .j_wrapper a {
       display: block;
      float: left;
      height: 30px;
      width: 91px;  }
      .j_header .j_wrapper a img {
        position: absolute;
        top: 9px; }
  .j_header .nav {
    padding-left: 360px;
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #fff;  }
    .j_header .nav > span {
      display: inline-block; }
      .j_header .nav > span a {
		  font-size:16px;
       font-family: "微软雅黑", "Arial", "宋体";
		  color: #fff; }
        .j_header .nav > span a.active {
          color: #86888a; }
      .j_header .nav > span:hover a {
        color: #86888a; }
    @media screen and (max-width: 1280px) {
      .j_header .nav > span {
        margin-right: 4.40%; } }
    @media screen and (min-width: 1281px) and (max-width: 1600px) {
      .j_header .nav > span {
        margin-right: 5.85%; } }
    @media screen and (min-width: 1601px) {
      .j_header .nav > span {
        margin-right: 8.18%; } }
    .j_header .nav > span:last-child {
      margin-right: 0; }
    .j_header .nav .icon {
      position: relative;
      top: 7px; }
      .j_header .nav .icon .user-name {
        position: relative;
        top: -7px;
        left: 5px; }
